<%-- 
    Document   : profile
    Created on : Jul 11, 2011, 1:14:43 AM
    Author     : atefahmed
--%>

<%@page contentType="text/html" pageEncoding="MacRoman"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <div data-role="content" >
        <div class="prepend-4 span-30">
            
            <body>
            <form:form action="${loginUrl}" modelAttribute="profileForm" method="post" data-ajax="false">
                <form:errors cssClass="error" />
                <fieldset>
                    <div data-role="fieldcontain" style="width: 30%;">
                        <label for="profile" >Username</label><br/>
                        <input id="username" name="username" class="required" readonly type="text" value="atefahmed">
                        <br />
                        <form:input path="username" cssClass="required" readonly />
                    </div>

                    <div data-role="fieldcontain" data-inline="true" style="width: 30%;">
                        <label>First Name</label><br/>
                        <input id="firstname" name="firstname" class="required" type="text" value="atef">
                    </div>

                    <div data-role="fieldcontain" data-inline="true" style="width: 30%;">
                        <label>Last Name</label><br/>
                        <input id="lastname" name="lastname" class="required" type="text" value="ahmed">
                    </div>

                    <div data-role="fieldcontain" data-inline="true" style="width: 30%;">
                        <label>Title</label><br/>
                        <input id="title" name="title" type="text" value="admin">
                    </div>

                    <div data-role="fieldcontain" data-inline="true" style="width: 30%;">
                        <label>City</label><br/>
                        <input id="city" name="city" class="required" type="text" value="chi">
                    </div>

                    <div data-role="fieldcontain" data-inline="true" style="width: 30%;">
                        <label>Zip Code</label><br/>
                        <input id="zipcode" name="zipcode" class="required" type="text" value="60606">
                    </div>

                    <div data-role="fieldcontain" data-inline="true" style="width: 30%;">
                        <label>Country</label><br/>
                        <input id="country" name="country" class="required" type="text" value="us">
                    </div>

                    <div data-inline="true" style="width: 33%;" data-type="horizontal">

                        <label>Date of Birth</label><br/>

                        <input name="mydate" id="mydate" type="date" value="1981-01-01" data-role="datebox"
                               data-options='{"noButton": true}'>

                    </div>

                    <div data-inline="true" style="width: 30%;">
                        <label>Gender</label><br/>
                        <select id="gender" name="gender"  class="required" type="text" value="">
                            <option>Male</option><br/>
                            <option>Female</option><br/>
                        </select>
                    </div>

                    <br/>

                    <div data-inline="true" style="width: 12%;">
                        <input type="button" data-role="button" data-theme="b" id="updateBtn" value="Update" />
                    </div>

                </fieldset>
            </form:form>
            <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>
            <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/ProgramAjaxService.js'></script>
            <script type='text/javascript' src='${pageContext.request.contextPath}/static/home/profile.js'></script>
            </body>
        </div>
    </div>
</html>
